<div class="top-margin"></div>
<div class="row">
    <div class="col-xs-12">
        <div class="panel panel-default" ng-class="{'paginated': countForgingBlocks || !searchTransactions.searchForTransaction}">
            <table ng-show="countForgingBlocks || !searchTransactions.searchForTransaction" ng-table="tableTransactions" border="0" width="100%" cellpadding="0" cellspacing="0">
                <div class="table-menu" ng-show="countForgingBlocks || !searchTransactions.searchForTransaction">
                    <div class="more-down-table" dropdown on-toggle="toggled(open)" is-open="moreDownTable.isopen">
                        <i class="mdi-navigation-more-vert" dropdown-toggle aria-haspopup="true" aria-expanded="false"></i>
                        <div class="dropdown-menu" role="menu">
                            <p ng-click="check($event)"><input type="checkbox" class="filled-in violet" id="advanced" ng-model="showAllColumns">
                                <label for="advanced"><translate>Show All Columns</translate></label>
                            </p>
                            <p ng-click="check($event)"><input type="checkbox" class="filled-in violet" id="fulltime" ng-model="showFullTime">
                                <label for="fulltime"><translate>Show Full Time</translate></label>
                            </p>
                        </div>
                    </div>
                </div>
                <tr ng-repeat="transaction in unconfirmedTransactions" class="checked">
                    <td data-title="tableTransactions.cols.b_height" sortable="'b_height'"></td>
                    <td class="td-amount" ng-show="showAllColumns" data-title="tableTransactions.cols.transactionId" class="pointer">
                        <a href="#" ng-click="transactionInfo(transaction)">{{transaction.id}}</a>
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_senderId" class="pointer" sortable="'t_senderId'">
                        <a href="#" ng-click="userInfo(transaction.senderId)">{{transaction.senderUsername || transaction.senderId}}</a>
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_recipientId" class="pointer" sortable="'t_recipientId'">
                        <a href="#" ng-click="userInfo(transaction.recipientId)">{{transaction.recipientUsername || transaction.recipientId}}</a>
                    </td>
                    <td data-title="tableTransactions.cols.t_timestamp" sortable="'t_timestamp'">{{transaction.timestamp | timeAgoFilter : showFullTime}}
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_amount" sortable="'t_amount'">
                        <i ng-if="transaction.recipientId==transaction.senderId" class="vertical-text mdi-image-brightness-1 cloud-font"></i>
                        <i ng-if="transaction.recipientId!=transaction.senderId" class="vertical-text" ng-class="{'mdi-content-add-circle dark-meent-font': transaction.recipientId==address, 'mdi-content-remove-circle dark-red-font': transaction.senderId==address}"></i>
                        {{transaction.amount | ebookcoinFilter}}
                    </td>
                    <td data-title="tableTransactions.cols.t_fee">{{transaction.fee | ebookcoinFilter}}</td>
                    <td data-title="''"></td>
                </tr>
                <tr ng-repeat="transaction in $data">
                    <td data-title="tableTransactions.cols.b_height" sortable="'b_height'">{{transaction.height}}</td>
                    <td class="td-amount" ng-show="showAllColumns" data-title="tableTransactions.cols.transactionId" class="pointer">
                        <a href="#" ng-click="transactionInfo(transaction)">{{transaction.id}}</a>
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_senderId" class="pointer" sortable="'t_senderId'">
                        <a href="#" ng-click="userInfo(transaction.senderId)">{{transaction.senderUsername || transaction.senderId}}</a>
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_recipientId" class="pointer" sortable="'t_recipientId'">
                        <a href="#" ng-click="userInfo(transaction.recipientId)">{{transaction.recipientUsername || transaction.recipientId}}</a>
                    </td>
                    <td data-title="tableTransactions.cols.t_timestamp" sortable="'t_timestamp'">{{transaction.timestamp | timeAgoFilter : showFullTime}}
                    </td>
                    <td class="td-amount" data-title="tableTransactions.cols.t_amount" sortable="'t_amount'">
                        <i ng-if="transaction.recipientId==transaction.senderId" class="vertical-text mdi-image-brightness-1 cloud-font"></i>
                        <i ng-if="transaction.recipientId!=transaction.senderId" class="vertical-text" ng-class="{'mdi-content-add-circle dark-meent-font': transaction.recipientId==address, 'mdi-content-remove-circle dark-red-font': transaction.senderId==address}"></i>
                        {{transaction.amount | ebookcoinFilter}}
                    </td>
                    <td data-title="tableTransactions.cols.t_fee" sortable="'t_fee'">{{transaction.fee | ebookcoinFilter}}
                    </td>
                    <td data-title="''"></td>
                </tr>
            </table>
            <div class="panel-body empty-body empty-table without-margin-top" ng-if="!countForgingBlocks && searchTransactions.searchForTransaction">
                <div class="logo-grey"></div>
                <p class="empty-state-text">{{'No results for this search.'|translate}}</p>
            </div>
        </div>
    </div>
</div>
